@color:#f10180;
@font-color:#666666;
@deepFont-color:#333333;
@lightFont-color:#999999;
//<!--顶部搜索框-->
#search_goods{
  width: 100%;
  height: 1.3rem;
  background-color: #fff !important;
  border-bottom:1px solid #c8c8c8;
  //搜索框
  div.search_box {
    position: relative;
    padding: .14rem .1rem;
    padding-right:0;
    z-index: 99;
    top: 0.14rem;
    #search {
      position: absolute;
      z-index: 100;
      font-size: .45rem;
      top: 0.28rem;
      left: .35rem;
      color:#323232;
    }
    input[type='search']:first-of-type {
      box-sizing: border-box;
      background-color:#f5f5f5 !important;
      height: 0.78rem !important;
      line-height:0.78rem!important;
      width:6.2rem;
      margin: 0;
      padding-left: 0.7rem;
      text-align: left;
      font-size: .32rem;
      color:#323232 !important ;
    }
  }
  //通知信息
  .information{
    padding-top: .42rem;
    padding-right:0.24rem;
    span{
      color:#323232;
      font-size:0.32rem;
    }
  }
}

.header{
    height:1.2rem !important ;
    padding:0 !important ;
    background-color:#fff;
    .mui-scroll-wrapper{
      height:1.2rem !important ;
      .mui-control-item{
        height:1.1rem !important ;
        padding:0 0.18rem !important ;
          img {
            width: 1rem;
            height: 1rem;
          }
      }
    }
  }
.mui-active{
  border-bottom:2px solid #f10180 !important;
}
.classify_nav{
    margin-top:1.2rem;
    height: 0.8rem;
    line-height:0.8rem;
    padding:0;
    border:1px solid #c8c8c8;
    border-left:none;
    ul {
      overflow: hidden;
      padding-left:0.1rem;
      li {
        float: left;
      }
      li:not(:last-child) {
        padding:0 0.2rem;
        a {
          display:inline-block;
          color: @lightFont-color;
          font-size: 0.28rem;
          background: url(../../images/all_goods/all_icon_arrow_default@2x.png) right center no-repeat;
          background-size: 0.18rem 0.12rem;
          padding-right:0.26rem;
        }
        .classify_active{
          color: @color;
          background: url(../../images/all_goods/all_icon_arrow_selected@2x.png) right center no-repeat;
          background-size: 0.18rem 0.12rem;
        }
      }
      li:last-of-type{
        width: 1.38rem;
        text-align:center;
        border-left:1px solid #c8c8c8;
        height: 0.78rem;
        a {
          display:inline-block;
          color: @lightFont-color;
          font-size: 0.28rem;
          background: url(../../images/all_goods/all_icon_screen_default@2x.png) right center no-repeat;
          background-size: 0.3rem 0.3rem;
          padding-right:0.4rem;
        }
      }
    }
  }

#footer{
    .mui-active{
      border-bottom:2px solid transparent !important;
    }
  }

 .mui-off-canvas-right{
  background:#fff !important ;
  }
.mui-table-view-inverted{
  background:#fff !important ;
}
#offCanvasSideScroll{
  width:6rem;
  .content{
    //类型选择
    .type_selection{
      .main{
        padding:0.3rem 0;
        border-bottom:0.02rem solid #f0f0f0;
        h1{
          color:#666;
          font-size:0.22rem;
          padding-left:0.1rem;
        }
        ul{
          overflow:hidden;
          li{
            float:left;
            padding-left:0.1rem;
            padding-top:0.1rem;
            a{
              display:inline-block;
              width:1.6rem;
              height:0.88rem;
              border-radius:0.1rem;
              background-color:#f0f0f0;
              text-align:center;
              line-height:0.88rem;
              font-size:0.24rem;
              color:#333;
            }
          }
        }
        .main_active{
          background-color:#f10180;
          color:#fff;
        }

      }
    }
    .reset_finish{
      margin-bottom:0;
      padding-top: 0.3rem;
      input{
        border:none;
        width:2.65rem;
        height:1rem;
        padding:0;
        border-radius:0;
      }
      input:first-of-type{
        background-color:#f7c4df;
        color:#f10180;
      }
     input:last-of-type{
        background-color:#f10180;
        color:#fff;
       margin-left: -0.1rem;
      }
    }
  }
}























